﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>石家庄九宇工程有限公司</title>
		<link href="css/index_1.css" type="text/css" rel="stylesheet" />
		<style id="css">
		
		.con_1_img{width:500px;height:422px;float: left;position:relative;}
		#picUl{height:360px;list-style:none; width:500px;-webkit-perspective:500px;margin-top: 30px;}
		#picUl li{height:360px;
			position:relative;
			-webkit-transform:translateZ(-180px);
			-webkit-transform-style:preserve-3d;
			float:left;}
		li span{height:360px;position:absolute;}
		li span:nth-child(1){-webkit-transform:translateZ(180px);}
		li span:nth-child(2){
			-webkit-transform:translateZ(-180px) rotateX(180deg);}
		li span:nth-child(3){top:-360px;
			-webkit-transform-origin:bottom;
			-webkit-transform:translateZ(180px) rotateX(90deg);}
		li span:nth-child(4){top:360px;
			-webkit-transform-origin:top;
			-webkit-transform:translateZ(180px) rotateX(-90deg);}

		/*#picUl:hover li{-webkit-transform:translateZ(-180px) rotateX(180deg);}*/

		#picUl .s1{background:url(img/con_1_img1.jpg);}
		#picUl .s2{background:url(img/con_1_img2.jpg);}
		#picUl .s3{background:url(img/con_1_img3.jpg);}
		#picUl .s4{background:url(img/con_1_img4.jpg);}
		ol{position:absolute;right:5px;bottom:5px;}
		ol li{list-style:none;background:#000;color:#fff;width:20px;height:20px;
			border-radius:15px;line-height:20px;text-align:center;float:left;margin-left:5px;
			font-size:12px;box-shadow:0 2px 5px #fff;}
	</style>
		
	</head>
	<body>
		<div class="top_1">
			<div class="top_1_nav">
				<ul>
					<li><img src="img/ltel.jpg" style="height: 20px; ;"/ ></li>
					<li>+86-0952-8888888</li>
					<li><img src="img/lmai'.jpg" style="margin-left:16px"/></li>
					<li><a href="#">jiuyu@yeah.net</a></li>
				</ul>
				<p><a href="#">查询</a>  |  <a href="#">下载</a></p>
			</div>
		</div>
		<div class="top_2">
			<div class="top_2_centent">
				<div class="top_2_name">
				<h1>DFR</h1>
				<h2>石家庄九宇工程有限公司</h2>
				</div>
				<div class="top_2_search">
					<a href="#"><img src="img/sysousuo_03.jpg"/></a>
				</div>
			</div>
		</div>
		<div class="top_3">
			<div class="top_3_nav">
				<tr>
					<li><a href="index.html">主页</a></li>
					<li><a href="index3.html">关于我们</a></li>
					<li><a href="index2.html">产品</a></li>
					<li><a href="#">质量管理</a></li>
					<li><a href="#">工程案例</a></li>
					<li><a href="#">顾客简介</a></li>
					<li><a href="#">公司新闻</a></li>
					<li><a href="#">联系我们</a></li>
				</tr>
			</div>
		</div>
		<!--<iframe src="index_top.html" class="iframe_top" scrolling="no" frameborder="0" name="top" width="100%" height="198px"></iframe>
		-->
	<div class="slide banner" data-slide='{"action":"click","fn":"banner_ext","time":"8000"}'>
		<div class="ban_c album"><a href="#"><img src="img/20140225171729652.jpg" alt="美国展" /></a></div>
		<div class="ban_c album"><a href="#"><img src="img/20140113173751727.jpg" alt="国家科技奖" /></a></div>
		<div class="ban_c album"><a href="#"><img src="img/2013123109501990.jpg" alt="网站新精彩" /></a></div>
		<div class="ban_c album"><a href="#"><img src="img/20140113173751727.jpg" alt="国家科技奖" /></a></div>
	</div>
	<div class="wrap bann_ext">
		<ul class="l frontCover"></ul>
	</div>
	<script src="js/min.js"></script>
	<script src="js/gundong.js"></script>
	<div class="con_1">
		<div class="con_1_con">
			<div class="con_1_img">
				<ul id="picUl"></ul>
				<ol>
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
				</ol>
			</div>
		<script src="js/con_1_img1.js"></script>
		<script src="js/con_1_img2.js"></script>
		
		<div class="con_1_right">
			<p style="text-indent: 2em;"><span style="font-family: '微软雅黑';color: #000000;">九宇工程有限公司</span>创建于xxxx年,是一家集建筑设计、建筑施工、安装、物业管理、劳务输出为一体的建筑工程企业。具有房屋建筑工程施工总承包、建筑装修装饰工程专业承包、市政公用工程施工总承包、钢结构工程专业承包、机电安装工程、体育场地施工、劳务作业分包等资质。</p>
				<br />
			<p style="text-indent: 2em;">十多年来，公司以“演绎经典，铸造时尚”的理念为指导；以“客户为源，员工为泉”的精神为动力；以“建好每项工程，树立企业形象，积极开拓市场，诚信服务社会”为宗旨；以树立“万圣风范，行业楷模”的信念为目标，孜孜以求，毫不懈怠。公司凭借优质的施工质量，优良的信誉，在上海建筑行业扎下了坚实的基础。</p>
		</div>
		</div>
	</div>
	<div class="con_2">
		<div class="con_2_con">
			<p>主打产品</p>
			<ul>
				<li><a href="#">储油罐</a></li>
				<li><a href="#">热交换器</a></li>
				<li><a href="#">高楼升降机</a></li>
				<li><a href="#">球形贮罐</a></li>
				<li><a href="#">集材机设备</a></li>
				<li><a href="#">配件</a></li>
			</ul>
			<table>
				<tr>
					<td><img src="img/a1_l.jpg"/></td>
					<td><img src="img/pic1.jpg"/></td>
					<td><img src="img/jpic.jpg"/></td>
					<td><img src="img/pic.jpg"/></td>
				</tr>
				<tr>
					<td class="con_2_text">集材机设备</td>
					<td class="con_2_text">集材机设备</td>
					<td class="con_2_text">集材机设备</td>
					<td class="con_2_text">集材机设备</td>
				</tr>
				<tr>
					<td><img src="img/a1_l.jpg"/></td>
					<td><img src="img/pic1.jpg"/></td>
					<td><img src="img/jpic.jpg"/></td>
					<td><img src="img/pic.jpg"/></td>
				</tr>
				<tr>
					<td class="con_2_text">集材机设备</td>
					<td class="con_2_text">集材机设备</td>
					<td class="con_2_text">集材机设备</td>
					<td class="con_2_text">集材机设备</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="con_3">
		<div class="con_3_con">
			<p>我们的客户</p>
			<div class="con_3_img">
				<ul>
					<li><img src="img/class1.jpg"/><div class="txt"><h3>IT培训</h3><p>为您铺就成为IT大神的在线学习之路</p></div></li>
					<li><img src="img/class2.jpg"/><div class="txt"><h3>语言学习</h3><p>英语、韩语、日语各类语言课程一网打尽</p></div></li>
        			<li><img src="img/class3.jpg"/><div class="txt"><h3>职业技能</h3><p>传授会计师、建筑师等各类考证学习宝典</p></div></li>
					<li><img src="img/class4.jpg"/><div class="txt"><h3>中小学/大学</h3><p>小学、初中、高中各科课程在线辅导</p></div></li>
				</ul>
			</div>
			<script type="text/javascript" src="js/con_3_img1.js" ></script>
			<script type="text/javascript" src="js/con_3_xiaoguo.js" ></script>
		</div>
	</div>
	<div class="foot">
		<div class="foot_con">
			<div class="foot_tab1">
				<table>
					<tr class="tab_titel">
						<td>快速链接</td>
						<td>快速导航</td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
				</table>
			</div>
			<div class="foot_tab2">
				<ul>
					<li class="tab_titel">联系我们</li>
					<li class="tab_con"><img src="img/ftel.jpg"/>+86-311-8888888</li>
					<li class="tab_con"><img src="img/ffax.jpg"/>+86-311-88888886</li>
					<li class="tab_con"><img src="img/fmail.jpg"/>123@jiuyu.com</li>
					<li><img src="img/f1.jpg"/>&nbsp&nbsp
						<img src="img/f2.jpg"/>&nbsp&nbsp
						<img src="img/f3.jpg"/>&nbsp&nbsp
						<img src="img/f4.jpg"/>
					</li>
				</ul>
			</div>
			<div class="foot_tab3">
				<table>
					<tr>
						<td class="tab_titel">意见反馈</td>
						<td></td>
					</tr>
					<tr>
						<td><input class="sty_text radius" type="text" placeholder="姓名" /></td>
						<td rowspan="2">
							<textarea class="radius sty_area" placeholder="意见或者建议"></textarea>
						</td>
					</tr>
					<tr>
						<td><input class="sty_text radius" type="text" placeholder="联系方式"/></td>
					</tr>
					<tr>
						<td colspan="2" ><a href="#"><input class="button radius" type="button" value="提交" onclick=""/></a></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="footer_con">
			<h3>Copyright &copy 19XX - 2016 JiuYu. All Rights Reserved</h3>
		</div>
	</div>
	<!--<iframe src="index_foot.html" scrolling="no" frameborder="0" class="iframe_foot" name="foot"></iframe>-->
	</body>
</html>






















